<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>开奖详情</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<!------ 头部 start------->		
		<div class="m-head">
			<div class="m-wrap">
				<div class="f-fl">
					<img src="img/logo.png" />
				</div>
				<div class="f-fr">
					<p><i></i><span>官方客服热线：400-478-097</span></p>
				</div>
			</div>			
		</div>
		<!------ 头部 end------->		
		
		
		<!------ 彩种开奖内容 start------->
		<div class="m-body">
			<div class="m-tab-nav">
				<div class="m-wrap">
					<ul>
						<li class="active">全国彩种开奖</li>
						<li>地方彩种开奖</li>
						<li>高频彩种开奖</li>
					</ul>
				</div>
			</div>
			<div class="m-local">
				<div class="m-wrap">
					<p>您所在的位置：<a href="#">首页</a>&#x3e;<a href="#">全国彩种开奖</a>&#x3e;<a href="#">大乐透</a>&#x3e;<a href="#">彩票详情</a></p>				
				</div>
			</div>
			
			<div class="m-detail-wrap">
				<div class="m-wrap">
					<div class="m-side f-fl">
						<div class="m-side-nav">
							<ul>
								<li class="active">按分类查看</li>
								<li>按时间查看</li>
							</ul>
						</div>
						<div class="m-side-cont">
							<ul>
								<!------ 按分类查看 start------->
								<li class="side-item">
									<div class="side-item-wrap">
										<h4>
											<img src="img/icon-tc.png"><span>全国体育彩票</span>
											<i class="down-up" href="#"></i>
										</h4>
										<div class="side-item-cont">
											<ul>
												<li>足球胜负</li>
												<li>4场进球</li>
												<li class="active">6场半全</li>
												<li>北京单场</li>
												<li>竞彩篮球</li>
												<li>超级大乐透</li>
												<li>七星彩</li>
												<li>排列3</li>
												<li>排列5</li>
												<li>22选5</li>
											</ul>
										</div>
									</div>
									<div class="side-item-wrap">
										<h4>
											<img src="img/icon-fc.png"><span>全国福利彩票</span>
											<i class="down-up" href="#"></i>
										</h4>
										<div class="side-item-cont">
											<ul>
												<li>双色球</li>
												<li>福彩3D</li>
												<li>七彩乐</li>
											</ul>
										</div>
									</div>
									<div class="side-item-wrap">
										<h4>
											<img src="img/icon-dc.png"><span>地方彩种</span>
											<i class="down-up" href="#"></i>
										</h4>
										<div class="side-item-cont">
											<ul>
												<li>华东六省联销</li>
												<li>北京</li>
												<li>上海</li>
												<li>天津</li>
												<li>江苏</li>
												<li>浙江</li>
												<li>福建</li>
												<li>广东</li>
												<li>深圳</li>
											</ul>
										</div>
									</div>
								</li>
								<!------ 按分类查看 end------->
								
								<!------ 按时间查看 start------->
								<li class="side-item" style="display: none;">
									<div class="side-item-wrap">
										<h4>
											<span>不定期开奖</span>
											<i class="down-up" href="#"></i>
										</h4>
										<div class="side-item-cont">
											<ul>
												<li>足球胜负（任选九场）</li>
												<li class="active">6场半全</li>
												<li>4场进球</li>
											</ul>
										</div>
									</div>
									<div class="side-item-wrap active">
										<h4>
											<span>星期一</span>
											<i class="down-up" href="#"></i>
										</h4>
										<div class="side-item-cont">
											<ul>
												<li>足球胜负（任选九场）</li>
												<li class="active">6场半全</li>
												<li>4场进球</li>
											</ul>
										</div>
									</div>
									<div class="side-item-wrap active">
										<h4>
											<span>星期二</span>
											<i class="down-up" href="#"></i>
										</h4>
										<div class="side-item-cont">
											<ul>
												<li>足球胜负（任选九场）</li>
												<li class="active">6场半全</li>
												<li>4场进球</li>
											</ul>
										</div>
									</div>
									<div class="side-item-wrap active">
										<h4>
											<span>星期三</span>
											<i class="down-up" href="#"></i>
										</h4>
										<div class="side-item-cont">
											<ul>
												<li>足球胜负（任选九场）</li>
												<li class="active">6场半全</li>
												<li>4场进球</li>
											</ul>
										</div>
									</div>
									<div class="side-item-wrap active">
										<h4>
											<span>星期四</span>
											<i class="down-up" href="#"></i>
										</h4>
										<div class="side-item-cont">
											<ul>
												<li>足球胜负（任选九场）</li>
												<li class="active">6场半全</li>
												<li>4场进球</li>
											</ul>
										</div>
									</div>
									<div class="side-item-wrap active">
										<h4>
											<span>星期五</span>
											<i class="down-up" href="#"></i>
										</h4>
										<div class="side-item-cont">
											<ul>
												<li>足球胜负（任选九场）</li>
												<li class="active">6场半全</li>
												<li>4场进球</li>
											</ul>
										</div>
									</div>
									<div class="side-item-wrap active">
										<h4>
											<span>星期六</span>
											<i class="down-up" href="#"></i>
										</h4>
										<div class="side-item-cont">
											<ul>
												<li>足球胜负（任选九场）</li>
												<li class="active">6场半全</li>
												<li>4场进球</li>
											</ul>
										</div>
									</div>
									<div class="side-item-wrap active">
										<h4>
											<span>星期天</span>
											<i class="down-up" href="#"></i>
										</h4>
										<div class="side-item-cont">
											<ul>
												<li>足球胜负（任选九场）</li>
												<li class="active">6场半全</li>
												<li>4场进球</li>
											</ul>
										</div>
									</div>
									<div class="side-item-wrap">
										<h4>
											<span>高频开奖</span>
											<i class="down-up" href="#"></i>
										</h4>
										<div class="side-item-cont">
											<ul>
												<li>北京11选5</li>
												<li class="active">北京快乐8</li>
												<li>北京快中彩</li>
											</ul>
										</div>
									</div>
								</li>
								<!------ 按时间查看 end------->
								
							</ul>
						</div>
						
					</div>
					<div class="m-main f-fr">
						<div class="m-main-wrap">
							<!------ 开奖详情1 start------->
							<div class="main-cont-item" style="display: none;">
								<div class="main-tit">
									<div class="f-fl">
										<img src="img/icon-qxc.png" />
										<span>七星彩开奖信息</span>
									</div>
									<div class="f-fr">
										<div class="m-select-wrap">
											<span class="form-control">开奖查询：</span>
											<div class="form-control">
												<select>
													<option>选择期号</option>
												</select>
											</div>
											<a class="btn" href="#"></a>
										</div>
									</div>
								</div>
								<div class="main-cont">
									<div class="main-kj-info">
										<h4>七星彩 <em>18054</em> 期   开奖日期：2018年5月12日 兑奖截止日期：2018年7月10日</h4>
										<div class="kj-info">
											<p>开奖号码：<span>03</span><span>07</span><span>20</span><span>33</span><span>34</span><span class="blue">09</span><span class="blue">10</span></p>
											<p>出球顺序：03 20 33 09 10 34 07 10</p>
										</div>
										<div class="kj-total">
											<span>本期全国销售金额：<em>2.66亿</em></span>
											<span>奖池滚存：<em>54.65亿</em></span>
										</div>
									</div>
									<div class="main-kj-table">
										<h4><img src="img/icon-kjxq.png"><span>开奖详情</span></h4>
										<div class="kj-detail">
											<table>
												<thead>
													<tr>
														<td>奖项</td>
														<td>中奖注数</td>
														<td>单注奖金（元）</td>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>一等奖</td>
														<td>1</td>
														<td>5,000,000</td>
													</tr>
													<tr>
														<td>二等奖</td>
														<td>10</td>
														<td>25,410</td>
													</tr>
													<tr>
														<td>三等奖</td>
														<td>184</td>
														<td>1800</td>
													</tr>
													<tr>
														<td>四等奖</td>
														<td>1956</td>
														<td>300</td>
													</tr>
													<tr>
														<td>五等奖</td>
														<td>23564</td>
														<td>20</td>
													</tr>
													<tr>
														<td>六等奖</td>
														<td>297515</td>
														<td>5</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
								</div>									
							</div>
							<!------ 开奖详情1 end------->
							
							<!------ 开奖详情2 start------->
							<div class="main-cont-item" style="display:;">
								<div class="main-tit">
									<div class="f-fl">
										<img src="img/icon-tj.png" />
										<span>天津11选5开奖信息</span>
									</div>
									<div class="f-fr">
										<div class="m-select-wrap">
											<span class="form-control">开奖查询：</span>
											<div class="form-control">
												<select>
													<option>选择期号</option>
												</select>
											</div>
											<a class="btn" href="#"></a>
										</div>
									</div>
								</div>
								<div class="main-cont">
									<div class="main-kj-table">
										<h4><img src="img/icon-kjxq.png"><span>开奖详情</span></h4>
										<div class="kj-detail kj-detail2">
											<table>
												<thead>
													<tr>
														<td>期号</td>
														<td>时间</td>
														<td>号码</td>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>180515-83</td>
														<td>2018-05-15 22:50:00</td>
														<td>02,05,08,10,01</td>
													</tr>
													<tr>
														<td>180515-83</td>
														<td>2018-05-15 22:50:00</td>
														<td>02,05,08,10,01</td>
													</tr>
													<tr>
														<td>180515-83</td>
														<td>2018-05-15 22:50:00</td>
														<td>02,05,08,10,01</td>
													</tr>
													<tr>
														<td>180515-83</td>
														<td>2018-05-15 22:50:00</td>
														<td>02,05,08,10,01</td>
													</tr>
													<tr>
														<td>180515-83</td>
														<td>2018-05-15 22:50:00</td>
														<td>02,05,08,10,01</td>
													</tr>
													<tr>
														<td>180515-83</td>
														<td>2018-05-15 22:50:00</td>
														<td>02,05,08,10,01</td>
													</tr>
													<tr>
														<td>180515-83</td>
														<td>2018-05-15 22:50:00</td>
														<td>02,05,08,10,01</td>
													</tr>
													<tr>
														<td>180515-83</td>
														<td>2018-05-15 22:50:00</td>
														<td>02,05,08,10,01</td>
													</tr>
												</tbody>
											</table>
										</div>
										<p><a href="#">>>今日详细开奖数据</a></p>
									</div>
								</div>					
							</div>
							<!------ 开奖详情2 end------->
							
							<!------ 开奖详情3 start------->
							<div class="main-cont-item" style="display: none;">
								<div class="main-tit">
									<div class="f-fl">
										<img src="img/icon-fb.png" />
										<span>足球胜负（任选9场）开奖信息</span>
									</div>
									<div class="f-fr">
										<div class="m-select-wrap">
											<span class="form-control">开奖查询：</span>
											<div class="form-control">
												<select>
													<option>选择期号</option>
												</select>
											</div>
											<a class="btn" href="#"></a>
										</div>
									</div>
								</div>
								<div class="main-cont">
									<div class="main-kj-info">
										<h4>七星彩 <em>18054</em> 期   开奖日期：2018年5月12日 兑奖截止日期：2018年7月10日</h4>
										<div class="kj-info2">
											<ul>
												<li>
													<div><span>伯恩利</span></div>
													<p>0</p>
												</li>
												<li>
													<div><span>水晶宫</span></div>
													<p>3</p>
												</li>
												<li>
													<div><span>哈德斯</span></div>
													<p>0</p>
												</li>
												<li>
													<div><span>利物浦</span></div>
													<p>3</p>
												</li>
												<li>
													<div><span>曼 联</span></div>
													<p>3</p>
												</li>
												<li>
													<div><span>纽卡斯</span></div>
													<p>0</p>
												</li>
												<li>
													<div><span>南安普</span></div>
													<p>0</p>
												</li>
												<li>
													<div><span>斯旺西</span></div>
													<p>3</p>
												</li>
												<li>
													<div><span>热 刺</span></div>
													<p>3</p>
												</li>
												<li>
													<div><span>西汉姆</span></div>
													<p>1</p>
												</li>
												<li>
													<div><span>克罗托</span></div>
													<p>1</p>
												</li>
												<li>
													<div><span>亚特兰</span></div>
													<p>2</p>
												</li>
												<li>
													<div><span>罗 马</span></div>
													<p>1</p>
												</li>
												<li>
													<div><span>桑普多</span></div>
													<p>0</p>
												</li>
											</ul>
										</div>
										<div class="kj-total">
											<span>本期足彩胜负销量：<em>31,427,022元</em></span>
											<span>本期任九销量：<em>21,215,666元</em></span>
											<span>足彩胜负奖池滚存：<em>0元</em></span>
										</div>
									</div>
									<div class="main-kj-table">
										<h4><img src="img/icon-kjxq.png"><span>开奖详情</span></h4>
										<div class="kj-detail">
											<table>
												<thead>
													<tr>
														<td>奖项</td>
														<td>中奖注数</td>
														<td>单注奖金（元）</td>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>一等奖</td>
														<td>1</td>
														<td>5,000,000</td>
													</tr>
													<tr>
														<td>二等奖</td>
														<td>10</td>
														<td>25,410</td>
													</tr>
													<tr>
														<td>三等奖</td>
														<td>184</td>
														<td>1800</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
								</div>									
							</div>							
							<!------ 开奖详情3 end------->
						</div>
					</div>
				</div>
			</div>
			
		</div>		
		<!------ 彩种开奖内容 end------->
		
		<!------ 底部 start------->
		<div class="m-foot">
			<div class="m-wrap">
				<p>
					<a href="#">关于我们</a>
					<a href="#">Investor Relations</a>
					<a href="#">用户注册</a>
					<a href="#">加盟合作</a>
					<a href="#">进入网盟</a>
					<a href="#">网站地图</a>
					<a href="#">友情链接</a>
					<a href="#">500.com招聘</a>
					<a href="#">触屏版</a>
				</p>
				<div class="m-cy">
					<p>©2001-2018 深圳市易讯天空网络技术有限公司 版权所有   客服热线：4000-500-500  备案：粤ICP备11007187号-2  增值电信业务经营许可证：粤B2-200702976</p>
					<p>粤网文：[2013]0802-202号  粤公网安备 44030702000009号   彩票有风险，<strong>投注需谨慎  不向未满18周岁的青少年出售彩票</strong></p>
				</div>
				<div class="pic-wrap">
					<ul>
						<li><img src="img/pic1.png"/></li>
						<li><img src="img/pic2.png"/></li>
						<li><img src="img/pic3.png"/></li>
						<li><img src="img/pic4.png"/></li>
						<li><img src="img/pic5.png"/></li>
						<li><img src="img/pic6.png"/></li>
						<li><img src="img/pic7.png"/></li>
						<li><img src="img/pic8.png"/></li>
						<li><img src="img/pic9.png"/></li>
					</ul>
				</div>
			</div>
		</div>
		<!------ 底部 end------->		
	</body>
	
	<script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
	
	<script type="text/javascript">
		//左边tab切换
		$('.m-side-nav li').click(function(){
			var index = $(this).index();
			$('.m-side-nav li').removeClass('active');
			$(this).addClass('active');
			$('.m-side-cont .side-item').eq(index).show().siblings().hide();
		})
		//左边显示
		$('.side-item-wrap h4').click(function(){
			$(this).parent().toggleClass('active');
		})
		//左边选择		
		$('.side-item-wrap .side-item-cont li').click(function(){
			$('.side-item-wrap .side-item-cont li').removeClass('active');
			$(this).addClass('active');
		})
	</script>
	
</html>
